<template xmlns="http://www.w3.org/1999/html">
<div class="">

    <div class="us-title"   style=" overflow-y:auto; overflow-x:auto; width:100%; height:100%;">

        <br/>
        四川工商学院
        <br/>
        <br/>
        <p class="us-p">实验室及设备报修</p>
    </div>
    <div class="us-text">请选择你要进行的操作：</div>
    <div class="us-main">

        <button @click="tochange2" style="background-color:#01AAED">报修设备</button>
        <button @click="tochange6" style="background-color:#01AAED">卫生检查上报</button>
    </div>
    <div class="us-b">
        成都校区：四川省成都市郫都区团结镇学院街65号 邮编：611745
         <br/>
        眉山校区：眉山市眉州大道岷东段9号 邮编：620000
        <br/>
        @版权所有     四川工商学院
    </div>

</div>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods:{
            tochange1(){
                this.$router.push('/laboratoryrepair');
            },
            tochange2(){
                this.$router.push('/equipmentrepair');
            },
            tochange3(){
                this.$router.push('/classroomapplication');
            },
            tochange4(){
                this.$router.push('/maintenancelaboratory');
            },
            tochange5(){
                this.$router.push('/servicinginstallation');
            },
            tochange6(){
                this.$router.push('/healthstatus');
            }
        }
    };
</script>

<style scoped>
    @media (min-width:400px){

        .us-title{
            width: 100%;
            height:250px;
            text-align: center;
            font-size: 40px;
            font-weight: bolder;
            font-family: 宋体;
            background-image: url("../../assets/2.jpg");
        }
        .us-p{
            color: black;
            font-family: 华文行楷;
            font-size: 50px;
            font-weight: initial;
        }
        .us-main{
            text-align: center;
            width: 90%;
            margin: 0 auto;
        }
        .us-main button{
            width: 150px;
            height: 60px;
            border: 0px;
            font-family: 宋体;
            border-radius: 10px;
            font-size: 20px;
            font-style: inherit;
            color: white;
            margin: 30px 40px 10px 40px;
        }
        .us-text{
            margin-top: 30px;
            margin-left: 20px;
            font-size: 40px;
            height: 50px;
            margin-bottom: auto;
            font-family:隶书;
        }
        .us-b{
            margin-top: 160px;
            text-align: center;
            font-size: 15px;
        }

    }

    @media (max-width: 768px){
        .us-title{
            width: 100%;
            height:250px;
            text-align: center;
            font-size: 40px;
            font-weight: bolder;
            font-family: 宋体;
            background-image: url("../../assets/2.jpg");
        }

        .us-main{
            text-align: center;
            width: 90%;
            margin: 0 auto;
        }
        .us-main button{
            width: 150px;
            height: 60px;
            border: 0px;
            font-family: 宋体;
            border-radius: 10px;
            font-size: 20px;
            font-style: inherit;
            color: white;
            margin: 30px 40px 10px 40px;
        }
        .us-text{
            margin-top: 20px;
            margin-left: 40px;
            font-size: 35px;
            font-family:隶书;
        }
        .us-b{
            margin-top: 80px;
            text-align: center;
            font-size: 15px;
        }
    }
</style>
